<template>
    <div class="radio">
        <el-radio-group v-model="questionAnswer">
            <el-radio :label="item.value" v-for="item in radios">{{ item.label }}</el-radio>
        </el-radio-group>
    </div>
</template>

<script setup>
import { ref, onMounted } from 'vue';

//答案
const questionAnswer = ref()
// 单选
const radios = ref([
    {
        label: '正确',
        value: 0,
    },
    {
        label: '错误',
        value: 1,
    }
])
</script>

<style lang="less" scoped>
.radio {
    margin-left: 20px;
}
/deep/ .el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 8px;
    height: 3px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 2px;
    left: 1px;
    transform: rotate(-45deg);
    border-radius: 0px;
    background: none;
}
</style>